.share-navbar {
  position: fixed;
  top: 0;
  height: rem(120);
  width: 100vw;
  background: white;
  opacity: 95%;
  z-index: 1000;

  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: rem(15) rem(30);

  .logo {
    img {
      width: rem(90);
      height: rem(90);
    }
  }
  .info {
    display: flex;
    flex: 1;
    align-items: start;
    flex-direction: column;
    margin-left: rem(30);
  }
  .title {
    font-size: rem(32);
    font-weight: 700;
    color: #333333;
    line-height: rem(32);
  }
  .desc {
    font-size: rem(26);
    font-weight: 400;
    color: #666666;
    margin-top: rem(14);
  }
  .action {
    width: rem(180);
    height: rem(70);
    background: #2f86f6;
    color: white;
    border-radius: rem(35);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    span {
      width: rem(117);
      height: rem(40);
      margin: auto;
      font-size: rem(28);
      font-weight: 500;
      color: #ffffff;
      line-height: rem(40);
      text-align: center;
    }
  }
}
